<template>
  <div id="LeftMod3" style="width: 100%;height:100%"></div>
</template>

<script>
import echarts from "echarts";
export default {
  mounted() {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById("LeftMod3"));

    var option = {
      legend: {
        data: ["图一", "图二", "张三", "李四"]
      },
      radar: [
        {
          indicator: [
            { text: "西乡塘区" },
            { text: "兴宁区" },
            { text: "青秀区" },
            { text: "江南区" },
            { text: "良庆区" }
          ],
          center: ["50%", "50%"],
          radius: 60,
          startAngle: 30,
          splitNumber: 4,
          shape: "circle",
          name: {
            formatter: "【{value}】",
            textStyle: {
              color: "#8ec9ef"
            }
          },
          splitArea: {
            areaStyle: {
              color: [
                "rgba(114, 172, 209, 0.2)",
                "rgba(114, 172, 209, 0.4)",
                "rgba(114, 172, 209, 0.6)",
                "rgba(114, 172, 209, 0.8)",
                "rgba(114, 172, 209, 1)"
              ],
              shadowColor: "rgba(0, 0, 0, 0.3)",
              shadowBlur: 10
            }
          },
          axisLine: {
            lineStyle: {
              color: "rgba(255, 255, 255, 0.5)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgba(255, 255, 255, 0.5)"
            }
          }
        }
      ],
      series: [
        {
          name: "雷达图",
          type: "radar",
          itemStyle: {
            emphasis: {
              // color: 各异,
              lineStyle: {
                width: 4
              }
            }
          },
          data: [
            {
              value: [100, 8, 0.4, -80, 2000],
              symbol: "rect",
              symbolSize: 5,
              lineStyle: {
                normal: {
                  type: "dashed"
                }
              }
            },
            {
              value: [60, 5, 0.3, -100, 1500],
              areaStyle: {
                normal: {
                  color: "rgba(255, 255, 255, 0.5)"
                }
              }
            }
          ]
        }
      ]
    };
    myChart.setOption(option);
  },
  created() {}
};
</script>

<style scoped>
.map-wrap {
}
</style>
